﻿@{var role = Session["role"];}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>PDTransport</title>
    <link rel="stylesheet" type="text/css" href="/Content/bootstrap.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/Content/reset.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/Content/text.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/Content/grid.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/Content/layout.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/Content/nav.css" media="screen" />
    @*<link rel="stylesheet" type="text/css" href="/Content/bootstrap.css" media="screen" />*@
    <!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /><![endif]-->
    <!-- BEGIN: load jquery -->
    <script src="/Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Scripts/jquery.ui.core.min.js"></script>
    <script src="/Scripts/jquery.ui.widget.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.ui.accordion.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.effects.core.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.effects.slide.min.js" type="text/javascript"></script>
    <script src="/Scripts/app.js" type="text/javascript"></script>
    <!-- END: load jquery -->
    <!-- BEGIN: load jqplot -->
    <link rel="stylesheet" type="text/css" href="/Content/jquery.jqplot.min.css" />
    <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="js/jqPlot/excanvas.min.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="/Scripts/jquery.jqplot.min.js"></script>
    <script language="javascript" type="text/javascript" src="/Scripts/jqplot.barRenderer.min.js"></script>
    <script language="javascript" type="text/javascript" src="/Scripts/jqplot.pieRenderer.min.js"></script>
    <script language="javascript" type="text/javascript" src="/Scripts/jqplot.categoryAxisRenderer.min.js"></script>
    <script language="javascript" type="text/javascript" src="/Scripts/jqplot.highlighter.min.js"></script>
    <script language="javascript" type="text/javascript" src="/Scripts/jqplot.pointLabels.min.js"></script>
    <!-- END: load jqplot -->
    <script src="/Scripts/setup.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            setupDashboardChart('chart1');
            setupLeftMenu();
            setSidebarHeight();


        });
    </script>
    @RenderSection("scripts", false)
</head>
<body>
    <div class="container_12">
        <div class="grid_12 header-repeat">
            <div id="branding">
                <div class="floatleft">
                    <img src="/Content/img/logo_96_test.png" height="50" width="80" alt="Logo" /></div>
                <div class="floatright">
                    <div class="floatleft">
                        <img src="/Content/img/img-profile.jpg" alt="Profile Pic" /></div>
                    <div class="floatleft marginleft10">
                        <ul class="inline-ul floatleft">
                            <li>Hello @Session["username"]</li>
                            <li><a href="#">Config</a></li>
                            <li>@Html.ActionLink("Thoát", "LogOff", "Admin")</li>
                        </ul>
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="clear">
        </div>

        <div class="grid_12">
        </div>
        <div class="clear">
        </div>
        <div class="grid_2">
		<!-- sidebar -->
		@if (role != null)
          {
                @Html.Partial( role + "_sidebar");
          }
        </div>
		
        <div class="grid_10">
            
            <div class="box round">
                @*<div class="block">*@
                <!-- Nội dung -->
				@RenderBody()
				@*</div>*@
            </div>
        </div>

        <div class="clear">
        </div>
    </div>
    <div class="clear">
    </div>
    <div id="site_info">
        <p>
            Copyright <a href="#">BlueWhale Admin</a>. All Rights Reserved.
        </p>
    </div>
</body>
</html>
